html, body { margin: 0px; padding: 0px; clear: both; overflow: auto; background-repeat: no-repeat; background-image: url("../images/app/one/bg.jpg"); min-height: 100%; width: 100%; background-size: 100%; height: auto; }

html { background-position: center bottom; height: auto; }

p { margin: 0; padding: 0px; }

.oneContainer { margin-top: 10.55556rem; padding: 0px 10px; box-sizing: border-box; }

.oneContainer .ft { font-size: 1rem; color: #fff; text-align: center; }

.oneContainer .input { height: 2.22222rem; line-height: 2.22222rem; border: 1px solid #ddd; background-color: rgba(255, 255, 255, 0.7); width: 13.88889rem; margin: 0px auto; box-sizing: border-box; padding: 0px; }

.oneContainer input[type="tel"] { border: 0px; height: 1.94444rem; line-height: 1.94444rem; border-radius: 0px; background: none; width: 100%; font-size: 1.05556rem; text-align: center; vertical-align: middle; margin-left: -10px; }

.oneContainer .smbtn { width: 6.38889rem; height: 2.5rem; background-repeat: no-repeat; background-size: cover; display: block; margin: 10px auto; background-image: url("../images/app/one/smbtn.png"); line-height: 100; overflow: hidden; }

.oneContainer .textInfo { width: 88%; margin: 20px auto; background-color: rgba(255, 255, 255, 0.3); padding: 10px; }

.oneContainer .textInfo p { margin: 0px; color: #fff; line-height: 2; }

.oneContainer .textInfo .f30 { font-size: 0.83333rem; }

.oneContainer .textInfo .f20 { font-size: 0.55556rem; }

.oneContainer .textInfo .mt30 { margin-top: 30px; font-size: 0.33333rem; }

.oneContainer .brandItem { height: 5.55556rem; text-align: center; margin-bottom: 0.55556rem; display: block; -webkit-align-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; }

.oneContainer .brandItem img { max-height: 4.72222rem; max-width: 13.88889rem; vertical-align: middle; margin: 0 auto; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); }

.oneContainer .brandItem .isover { position: absolute; box-shadow: none; height: 6.38889rem; z-index: 10; left: 50%; margin-left: -3.75rem; top: 50%; margin-top: -2.22222rem; }

.oneContainer .des { text-align: center; line-height: 2; color: #fff; }

.oneContainer .des .f36 { font-size: 1rem; }

.oneContainer .des .f26 { font-size: 0.72222rem; }

.oneContainer .coupon { width: 18.66667rem; height: 8.25rem; background-image: url("../images/app/one/coupon.png"); background-size: cover; margin: 20px auto; clear: both; overflow: hidden; }

.oneContainer .coupon .discount { float: left; -webkit-align-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 8.25rem; width: 8.33333rem; }

.oneContainer .coupon .discount .text { font-size: 1.66667rem; font-weight: bold; text-align: center; line-height: 1.5; color: #fff; margin: 0 auto; text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); }

.oneContainer .coupon .number_logo { float: right; width: 9.44444rem; overflow: hidden; padding-top: 1.66667rem; }

.oneContainer .coupon .number_logo .number { font-size: 1.11111rem; color: #fff; text-align: center; }

.oneContainer .coupon .number_logo .logoImg { clear: both; overflow: hidden; height: 2.77778rem; text-align: center; }

.oneContainer .coupon .number_logo .logoImg img { max-height: 2.77778rem; max-width: 80%; }

.oneContainer .coupon .number_logo .time { font-size: 0.44444rem; margin-top: 10px; color: #fff; }

.oneContainer .desInfo { font-size: 0.44444rem; color: #fff; margin: 20px auto; width: 80%; line-height: 2; }

.oneContainer .mkesure { display: block; clear: both; overflow: hidden; margin: 30px auto; width: 12.80556rem; height: 4.66667rem; background-image: url("../images/app/one/btn.png"); background-size: cover; line-height: 100; background-repeat: no-repeat; }

.oneContainer .gotText { text-align: center; font-size: 1.11111rem; line-height: 2; color: #fff; }

.oneContainer .logoImg { height: 6.38889rem; -webkit-align-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }

.oneContainer .logoImg img { max-height: 5.55556rem; max-width: 16.66667rem; margin: 0 auto; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); }

.oneContainer .howUser { width: 94%; margin: 20px auto; display: block; }

@media only screen and (max-width: 379px) { html { font-size: 18px; } }

@media only screen and (min-width: 380px) and (max-width: 399px) { html { font-size: 21px; } }

@media only screen and (min-width: 400px) and (max-width: 439px) { html { font-size: 22px; } }

@media only screen and (min-width: 440px) and (max-width: 479px) { html { font-size: 24px; } }

@media only screen and (min-width: 480px) and (max-width: 639px) { html { font-size: 27px; } }

@media only screen and (min-width: 640px) and (max-width: 679px) { html { font-size: 38px; } }

@media only screen and (min-width: 750px) { html { font-size: 42px; } }
